
<div class="content" >
    <nav class="inner">
        <aside id="describe" class="group">
            <h3>听说</h3>
            <p class="describe-text">听故事，说心扉，漫漫长路，听说一路相伴！</p>
            <p>听说，这里有个故事</p>
            <p class="stamp"></p>
            <div><a href="https://www.upyun.com/league" target="_blank"><img  src="/img/又拍云_logo6.png" width="100px"/></div>
        </aside>
        <aside class="group"><h3 class="title">友链</h3><div class="menu-links-container"><ul id="menu-links" class="menu"><li><a target="_blank" href="http://www.qianduan.net/">前端观察</a></li>
            <li><a target="_blank" href="http://www.shejidaren.com/">设计达人</a></li>
            <li><a target="_blank" href="http://www.maka.im/">MAKA</a></li>
        </ul></div></aside>
        <aside class="group"></aside>
        <aside class="group"></aside>
            <aside id="social" class="group">
        <h3 class="title">关注</h3>

        <ul>
            <li>Email: <a href="mailto:tinshow@tinshow.com">tinshow@tinshow.com</a></li>
            <li class="social-email">
                <form action="http://list.qq.com/cgi-bin/qf_compose_send" target="_blank" method="post">
                    <input type="hidden" name="t" value="qf_booked_feedback">
                    <input type="hidden" name="id" value="631d10588b9c4960800e97a7cb76cbe6640b25450ebdc87f">
                    <div class="social-email">
                        <input class="email" id="to" name="to" type="email" placeholder="请输入您的邮箱" required />
                        <input class="submit" type="submit" value="订阅">
                    </div>
                </form>
            </li>
        </ul>
    </aside>
        <div id="weixin" class="popupbox weixin-box"><div class="weixin-header">觉唯官方微信二维码<a class="popup-close weixin-close">×</a></div><div class="weixin-content"><span class="weixin-tip">打开微信，点击右上角的“魔法棒”，选择“扫一扫”功能，对准下方二维码即可。</span><img src="" /></div></div>                  </nav>
    <section class="site-info">
        <p class="copyright">Copyright &copy; 2017 <a href="http://www.tinshow.com">听说</a> ，<a rel="author" href="http://www.tinshow.com/">TinShow</a>  All Rights Reserved. 京ICP备15054277号-2</p>
    </section>
</div>

<div id="sign">
    <div class="part loginPart">
        <form id="login" action="/login" method="post">
            <div id="register-active" class="switch"><i class="fa fa-toggle-on"></i>切换注册</div>
            <h3>登录<p class="status"></p></h3>
            <p>
                <label class="icon" for="username"><i class="fa fa-user"></i></label>
                <input class="input-control" id="username" type="text" placeholder="请输入邮箱" name="username" required>
            </p>
            <p>
                <label class="icon" for="password"><i class="fa fa-lock"></i></label>
                <input class="input-control" id="password" type="password" placeholder="请输入密码" name="password" required>
            </p>
            <p class="safe">
                <label class="remembermetext" for="rememberme"><input name="rememberme" type="checkbox" checked="checked" id="rememberme" class="rememberme" value="forever">记住我的登录</label>
                <a class="lost" href="http://www.jiawin.com/wp-login.php?action=lostpassword">忘记密码？</a>
            </p>
            <p>
                <input class="submit" type="submit" value="登录" id="login_btn">
            </p>
            <a class="close"><i class="fa fa-times"></i></a>
            <input type="hidden" id="security" name="security" value="9b60566624" /><input type="hidden" name="_wp_http_referer" value="/" />    </form>
        <div class="other-sign">
            <p>您也可以使用第三方帐号登录</p>
            <div><a rel="nofollow" class="qqlogin" href="http://www.jiawin.com/oauth/qq"><i class="fa fa-qq"></i>QQ帐号登录</a></div>
        </div>
    </div>
    <div class="part registerPart">
        <form id="register" action="/signup" method="post" name="register">
            <div id="login-active" class="switch"><i class="fa fa-toggle-off"></i>切换登录</div>
            <h3>注册<p class="status"></p></h3>
            <!--<p>-->
                <!--<label class="icon" for="user_name"><i class="fa fa-user"></i></label>-->
                <!--<input class="input-control" id="user_name" type="text" name="user_name" placeholder="输入用户名" required>-->
            <!--</p>-->
            <p>
                <label class="icon" for="user_email"><i class="fa fa-envelope"></i></label>
                <input class="input-control" id="user_email" type="text" name="user_email" placeholder="输入邮箱" required>
            </p>
            <p>
                <label class="icon" for="user_pass"><i class="fa fa-lock"></i></label>
                <input class="input-control" id="user_pass" type="password" name="user_pass" placeholder="密码最小长度为6" required>
            </p>
            <p>
                <label class="icon" for="user_pass2"><i class="fa fa-retweet"></i></label>
                <input class="input-control" type="password" id="user_pass2" name="user_pass2" placeholder="再次输入密码" required>
            </p>
            <p>
                <input class="submit" type="button" value="注册" id="signup">
            </p>
            <a class="close"><i class="fa fa-times"></i></a>
            <input type="hidden" id="user_security" name="user_security" value="05260df087" /><input type="hidden" name="_wp_http_referer" value="/" />
        </form>
        <div class="other-sign">
            <p>您也可以使用第三方帐号快捷注册</p>
            <div><a rel="nofollow" class="qqlogin" href="http://www.jiawin.com/oauth/qq"><i class="fa fa-qq"></i>QQ一键注册</a></div>
        </div>
    </div>
</div>
